<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css 分组</title>
    <style>
        h2,p{      /*  h2,p 是一个分组*/
            color: gray;
        }

        /*  如果若干个分组产生重叠 我们使用不同的颜色区分 */
        h1,h2,h4{
            color: blue;
        }

        h2,h3{
            background: #7a991a;
        }

        h1,h4,b{
            background: #cc2200;
        }

        h3{
            background: #000000;  /*  后面的会覆盖掉前面的同一个选择器 */
        }

        b{
            color: peachpuff; /**/
        }

        /* 通配符选择器 css2中引入了一种新的简单选择器
           下面的规则可以使文档中的每个元素都为红色
         */
        *{
            color: #66ff66;   /* 所有的div 都设置成指定的颜色 */
        }



    </style>
</head>
<body>
    <h1>这是 heading 1</h1>
    <h2>这是 heading 2</h2>
    <h3>这是 heading 3</h3>
    <h4>这是 heading 4</h4>
    <p>这是一段<b>普通</b>的段落文本。</p>
    <div>
        this a new div
    </div>
</body>
</html>